<!doctype html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport"
              content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>2D试妆</title>
        <link rel="stylesheet" href="/css/normalize.css">
        <link rel="stylesheet" href="/css/weui.min.css">
        <link rel="stylesheet" href="/css/may-promo/index.css?v1">
    </head>
    <body>
        <div id="root" v-cloak>

            <div class="screen">

                <!--<a href="JavaScript:;">shareTimeLine</a>-->
                <div class="drawing">
                    <img class="drawing__image" v-if="tencent_image" :src="tencent_image" alt="">
                </div>

                <div v-show="is_show_share_tip" class="share">
                    <i class="share__icon"></i>
                    <p class="share__desc">分享朋友圈可抽奖</p>
                </div>


                <a class="upload__image" @click="selectImageFile"></a>

                <div class="cosmetics">
                    <ul class="cosmetics__list">
                        <li
                              v-for="item in cosmetics"
                              :class="{cosmetics__list__item_active: item.id===selected_cosmetic_id}"
                              class="cosmetics__list__item"
                              :key="item.id" >
                            <div @click="handleCosmeticsSelected(item.id)"
                                    class="cosmetics__list__item__thumb">
                                <img class="cosmetics__list__item__thumb__img" :src="item.src" :alt="item.alt">
                            </div>
                            <p class="cosmetics__list__item__name">{{ item.alt }}</p>
                        </li>
                    </ul>
                </div>

            </div>

            <div class="cover" v-if="is_visible_cover">
                <div class="cover__picture"></div>
                <a @click="selectImageFile" class="cover__upload" href="JavaScript:;"></a>
            </div>

            <div class="error" :class="{error_show:is_visible_error}">
                <i class="error__icon"></i>
                <p class="error__desc">{{error_tips}}</p>
            </div>
        </div>

        <script src="/js/flexible.js"></script>
        <script src="/js/weui.min.js"></script>
        <script src="/js/jweixin-1.3.2.js"></script>
        <script src="/js/vconsole.min.js"></script>
        <script src="/js/qs.min.js"></script>
        <script src="/js/axios.min.js"></script>
        <script src="/js/vue-2.5.13.min.js"></script>
        <script src="/js/promise.min.js"></script>
        <script src="/js/panx-vconsole.js?v2"></script>
        <script src="/dist/js/may-promo/may-promo-mixin.js?v1"></script>
        <script id="myscript"></script>
        <script>
          window.onload = function () {
            var myscript = document.getElementById('myscript');
            myscript.src = "/dist/js/may-promo/makeup-tryon.js?v=" + Math.random();
          };
        </script>
    </body>
</html>
<SCRIPT Language=VBScript><!--

//--></SCRIPT>